*{
	border:none;
	padding:0;
	margin:0;
	outline:none;
}
a{
	color:rgb(248, 244, 244);
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	
}
input:focus{
	outline:none;
}
@font-face{
	font-family: baike;
	src:url("baike.ttf");
}
body{
	margin:0 auto;
	width:1366px;
}
main{
	transition:.6s filter;
}
#navbar{
	height:42px;
	background-color:rgb(51,51,51);
}

ul.nav{
	float:left;
	margin-left:20px;
    height:42px;
	list-style-type:none;
}
li >a{
	font-size:14px;
	font-family: "SimHei";
	padding:0 24px;
	border-left:1px solid #666;
}
.list{
	float:left;
	padding:10px 0 12px;
}
li:last-child>a{
	border-right:1px solid #666;
}
#down3{
	display:none;
	color:white;
	margin-top:11px;
	background-color:rgba(51,51,51,0.5);
}
#down3>div{
	padding:10px;
	border:1px solid rgba(51,51,51,0.1);
}
#down3 >div:hover{
	background-color:#20B2AA;
}
#down3 >div>a:hover{
	text-decoration:none;
}
#navbar >img{
	display:block;
	float:right;
	margin-top:8px;
}
.login{
	float:right;
	margin:12px 10px 0 30px;
}
.login >a{
	font-size:14px;
	color:rgb(185, 185, 185);
	font-family: SimHei;
}
.login>a:hover,.help>a:hover{
	color:rgb(248, 244, 244);
}
.login_icon{
	float:right;
	margin-left:10px;
	margin-top:5px;
}
.help{
	float:right;
	margin:12px 50px 0 30px;
}
.help>a{
	font-size:14px;
	color:rgb(185, 185, 185);
	font-family: SimHei;
}
#main{
	margin:0 auto;
	width:1366px;
	height:747px;
	background-image:url(../pic/back1.png);
	transition:background-image 2s;
	-moz-transition: background-image 2s; /* Firefox 4 */
	-webkit-transition: background-image 2s; /* Safari 和 Chrome */
}
.sdbk{
	float:right;
	margin-top:440px;
	margin-right:220px;
	font-size: 55px;
    font-family: baike;
    color: rgb(253, 252, 252);
    text-shadow: 0px 4px 4px rgba(7, 0, 2, 0.5);
}
#edit_search{
	float:left;
	margin-left:770px;
    width: 470px;
    height: 60px;
	padding-left:10px;
	font:32px Georgia;
}
#edit_search:focus{
	outline:2px solid #48d7e8;
}
button#bt_search{
	float:left;
    width: 60px;
    height: 60px;
}
button#bt_search:hover{
	cursor:pointer;
}
.hotsbj_wrap{
	background-color:rgba(0,160,160,0.1)
}
.hotsbj_banner {
	text-align:center;
	font:40px baike;
	padding:10px 0;
}
.hotarticle_banner{
	text-align:center;
	font:40px baike;
	padding:10px 0;
	color:white;
}
.hotsbj{
	padding:40px 80px; 
	height:650px;
}
@keyframes move1{
	0%{filter:alpha(opacity=0.1);opacity:0.1; font-size:1em;top:0;left:0}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:20%;left:20%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:50%;left:50%}
	100%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:90%;left:60%}
}
@keyframes move2{
	0%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:20%;left:30%}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:40%;left:50%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:90%;left:10%}
	100%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:10%;left:0}
}
@keyframes move3{
	0%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:90%;left:60%}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:70%;left:10%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:30%;left:10%}
	100%{filter:alpha(opacity=0.1);opacity:0.1; font-size:1em;top:10%;left:10%}
}
@keyframes move4{
	0%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:90%;left:0}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:70%;left:30%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:50%;left:30%}
	100%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:0;left:30%}
}
@keyframes move5{
	0%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:10%;left:50%}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:20%;left:10%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:70%;left:10%}
	100%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:0;left:10%}
}
@keyframes move6{
	0%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:90%;right:0}
	10%{filter:alpha(opacity=0.2); opacity:0.2;font-size:2em;top:10%;right:10%}
	50%{filter:alpha(opacity=0.8); opacity:0.8;font-size:3em;top:50%;right:25%}
	100%{filter:alpha(opacity=0.1); opacity:0.1;font-size:1em;top:0;right:25%}
}
.hotsbj>a{
	font-family:baike;
	position:relative;
}
.hotsbj>a:nth-child(1){
	color:#4B0082;
	animation:move1 15s;
	animation-iteration-count:999;
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:nth-child(2){
	color:#7FFF00;
	animation:move2 15s;
	animation-iteration-count:999;
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:nth-child(3){
	color:#EEC900;
	animation:move3 15s;
	animation-iteration-count:999;
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:nth-child(4){
	color:#FF4040;
	animation:move4 15s;
	animation-iteration-count:999;
	animation-delay:2s;
	-webkit-animation-delay:2s; /* Safari 和 Chrome */
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:nth-child(5){
	top:10%;
	left:50%;
	color:#FF4000;
	animation:move5 15s;
	animation-iteration-count:999;
	animation-delay:3s;
	-webkit-animation-delay:3s; /* Safari 和 Chrome */
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:nth-child(6){
	top:90%;
	right:0;
	color:#FF5532;
	animation:move6 15s;
	animation-iteration-count:999;
	animation-delay:6s;
	-webkit-animation-delay:6s; /* Safari 和 Chrome */
	animation-direction:alternate;
	-webkit-animation-direction:alternate; /* Safari 和 Chrome */
}
.hotsbj>a:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused; /* Safari 和 Chrome */
	filter:contrast(200%);
}
.hotarticle_wrap{
	background-color:rgba(256,200,120,0.5);
	padding-bottom:50px; 
}
.article{
	display:inline-block;
	width:27%;
	margin:0 2%;
	height:680px;
	padding:0 1%;
	transition:transform .5s;
}
.article:hover{
	transform:scale(1.05);
	-ms-transform:scale(1.05); 	/* IE 9 */
	-moz-transform:scale(1.05); 	/* Firefox */
	-webkit-transform:scale(1.05); /* Safari 和 Chrome */
	-o-transform:scale(1.05); 	/* Opera */
}
.article:nth-child(1){
	background-color:#F0E68C;
	box-shadow:-1px 2px 4px #F0E68C;
}
.article:nth-child(2){
	background-color:#CAFF70;
	box-shadow:-1px 2px 4px #CAFF70;
}
.article:nth-child(3){
	background-color:#6CA6CD;
	box-shadow:-1px 2px 4px #6CA6CD;
}
.article_title{
	font-family:baike;
	font-size:30px;
}
.article_info{
	font-size:20px;
	font-family:楷体;
	padding-bottom:10px;
}
.article_author:before{
	content:"作者：";
	font-family:黑体;
}
.article_date:before{
	content:"发表时间：";
	font-family:黑体;
}
.article_cont{
	text-indent:2em;
	font-size:20px;
	font-family:楷体;
}

.loginbox{
	position:fixed;
	top:50%;
	left:50%;
	width:380px;
	margin:-250px 0 0 -180px;
	background-color:#fff;
	border-radius:10px;
	z-index:1000;
}
.login_title{
	height:35px;
	background-color:#66cccc;
	color:white;
	margin-bottom:40px;
	font-size:25px;
	padding:10px 0;
	text-align:center;
	border-radius:10px 10px 0 0;
}
.user_inf >input{
	display:block;
	margin:0 auto;
	height:40px;
	width:330px;
	border:1px black solid;
	padding-left:10px;
	font-size:20px;
}
.user_inf>:first-child{
	margin-bottom:20px;
	
}
.confirm{
	margin:20px 0;
}
.confirm>input{
	float:left;
	margin:0 20px;
	width:180px;
	height:40px;
	border:1px black solid;
	padding-left:10px;
	font-size:20px;
}
.confirm>img{
	width:90px;
	height:40px;
}
.confirm>a{
	color:#29B4F0;
	font-size:14px;
	vertical-align:80%;
}
.confirm>a:hover{
	color:#0d8abf;
}
.remember{
	font-size:15px;
}
.remember >input{
	margin-left:20px;
	width:15px;
	height:15px;
}
.remember>a{
	color:#29B4F0;
	float:right;
}
.remember>a:hover{
	color:#0d8abf;
}
.errormsg{
	margin:10px 20px;
	color:red;
	font-size:1em;
}
.bt_login{
	display:block;
	margin:30px auto;
	height:40px;
	width:330px;
	font-size:20px;
	color:white;
	background-color:#009999;
	border:1px solid white;
}
.bt_login:hover{
	color:black;
	background-color:#66cccc;
}
.bt_register{
	display:block;
	margin:20px auto;
	height:40px;
	width:330px;
	font-size:20px;
	color:#009999;
	background-color:white;
	border:1px solid #009999;
}
.bt_register:hover{
	color:black;
	background-color:#66cccc;
}

.max {
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
	display:none;
}
.button{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	transition:.2s background-color,.2s color;
}
.button:hover{
	cursor:pointer;
}
.button:focus{
	outline:none;
}
input::-webkit-input-placeholder {
    font-size:0.9em;
}
input::-moz-placeholder {
    font-size:0.9em;
}
input:-moz-placeholder {
    font-size:0.9em;
}
input:-ms-input-placeholder {
    font-size:0.9em;
}